.article-detail-container{
	padding: 30rpx 0 108rpx;
	width: 100%;
	height: 100%;
	/*标题*/
	.article-detail-title{
		font-size: 50rpx;
		font-weight: bold;
		padding: 0 30rpx;
		
	}
	/*用户信息*/
	.article-detail-user{
		@include flex(flex-start)
		margin-top: 40rpx;
		padding: 0 30rpx;
		.user-logo{
			flex-shrink: 0;
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			overflow: hidden;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.user-content{
			@include flex(space-between,column)
			width: 100%;
			padding-left: 20rpx;
			align-items: flex-start;
			.user-content-name{
				font-size: 28rpx;
				color: #333;
			}
			.user-content-info{
				font-size: 24rpx;
				color: #999;
				text{
					margin-right: 20rpx;
				}
			}
			
		}
		.user-follow-but{
			padding: 0 30rpx;
			flex-shrink: 0;
			height: 60rpx;
			line-height: 60rpx;
			border-radius: 10rpx;
			font-size: 24rpx;
			color: #fff;
			background-color: $base-color;
		}
	}
	/*文章内容*/
	.article-detail-content{
		margin-top: 40rpx;
		.detail-html{
			padding: 0 30rpx;
			padding-top:20rpx ;
			background-color: #f8f8f8;
		}
	}
	/*输入框*/
	.article-detail-inputBox{
		width: 100%;
		height: 108rpx;
		box-sizing: border-box;
		background-color: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		border-top: 1px solid #eee;
	}
	/*评论内容*/
	.article-detail-comment{
		margin-bottom: 20rpx;
		.comment-title{
			@include flex();
			padding: 20rpx 30rpx;
			font-size:28rpx;
			font-weight: bold;
			color: #555;
			.comment-count{
				font-size: 24rpx;
				font-weight: 200;
			}
		}
		.comment-content-container{
			background-color: #fff;
			border-top: 1px solid #ddd;
		}
		.comment-now{
			width: 100%;
			padding: 30rpx;
			color: #999;
			text-align: center;
			
			font-size: 28rpx;
			border-top: 1px solid #ddd;
		}
	}
}